<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "更多视频");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	
	.like{
		float: right;
		font-size: 0.7rem;
	}
	
	.videodescription{
		padding:0px 20px;
		border-bottom: 4px solid #eee; 
		color: #afafaf;
	}
	
	.videodescription>div{
		padding:6px
	}
	.videodescription>div>p{
		margin-top: 5px;
	}
	.videodescription>div>img{
	margin-top:10px;
		height: 80px;
	}
	.videotitle{
		color: black;
	}
	.videofee{
		color: #ea693f;
	}
	
	.aboutother{
		padding: 20px 10px;
		font-size: 20px;
		color:#afafaf;
		border-bottom: 3px solid #eee; 
	}
	
	.msg{
		text-align: center;
		margin: 20px 0px;
		color:#afafaf;
	}
	
	.titlehidden{
		overflow:hidden;
		text-overflow:ellipsis;	
		display:-webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;			
	}
	.smallimg{
		width: 5.5rem;
	}
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<div class="goback" data-back-href="<c:url value='/wechat/share/cloudSharing'/>"></div>	
<div>
	<h3 class="aboutother">相关推荐</h3>
	<div>
		<div class="msg" >
			<img class=""  src="<c:url value='/images/we/cloudSharing/null.png'/>" />
			<p class="p_msg">${msg}</p>
		</div>
	<c:forEach items="${courses}" var="course">
		<a href="<c:url value='/wechat/share/videoDetail?key=${course.id}&fromWhere=morevideo' />">
			<div class="weui-flex videodescription">
				<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
					<c:if test="${course.courceThumbnailId!=null && course.courceThumbnailId!=''}">
						<img class="smallimg" src="${tfn:getFileUrl(course.courceThumbnailId)}" style="display: block;"/> 
					</c:if>
					<c:if test="${course.courceThumbnailId ==null || course.courceThumbnailId==''}">
						<img class="smallimg" style="display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
					</c:if>
				</div>										
				<div class="weui-flex__item" style="flex-grow:2">
					<p class="videotitle titlehidden">${course.courseTitle} </p>
					<p>导师：${course.courseTeacher}</p>
					<p>																	        
						<span class="videofee">
							<%-- ${course.courceSellingprice}&nbsp;&nbsp;					
							<t:provider packageName="share" enumClassName="TrainCurrencyState" value="${course.courceSellingCurrency}"/> --%>
							免费
						</span>
							<span style="float: right;">
							<span class="like">&nbsp;&nbsp;&nbsp;${course.viewTimes.viewtimes}</span>
							<img class="like" style="width:16px;display: block;padding-top:0.2rem " src="<c:url value='/images/we/cloudSharing/eye.png'/>" />								
						</span>							
					 </p>
				</div>
			</div>
		</a>
	</c:forEach>						
	</div>
</div>	
		
<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<script src="<c:url value='/plugins/jqweui/js/swiper.min.js'/>" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
	if($(".p_msg").html()==""){
		$(".msg").hide();
	}else{
		$(".msg").show();
	}
})
</script>
<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>